<div id="common-sidebar" class="sidebar" data-color="blue">
    <div class="logo">
        <a href="/" class="simple-text logo-mini">
            <img src="/img/favicon.png" class="my-w-h-30px" alt="AC"/>
        </a>
        <a href="/" class="simple-text logo-normal" style="text-transform: none!important;">
            AntRpc Console
        </a>
        <div class="navbar-minimize">
            <button id="minimizeSidebar" class="btn btn-outline-white btn-icon btn-round">
                <i class="now-ui-icons text_align-center visible-on-sidebar-regular"></i>
                <i class="now-ui-icons design_bullet-list-67 visible-on-sidebar-mini"></i>
            </button>
        </div>
    </div>
    <div class="sidebar-wrapper" id="sidebar-wrapper">
        <ul class="nav">
            <li id="service_list_li">
                <a href="/">
                    <i class="now-ui-icons design_app"></i>
                    <p class="my-not-uppercase">服务列表</p>
                </a>
            </li>
            <li id="zookeeper_li">
                <a href="/zk">
                    <i class="now-ui-icons business_briefcase-24"></i>
                    <p class="my-not-uppercase">ZooKeeper</p>
                </a>
            </li>
            <li id="application_graph_li">
                <a href="/graph">
                    <i class="now-ui-icons design_vector"></i>
                    <p class="my-not-uppercase">应用拓扑</p>
                </a>
            </li>
            <li id="call_logs_li">
                <a href="/logs">
                    <i class="now-ui-icons design_bullet-list-67"></i>
                    <p class="my-not-uppercase">调用日志</p>
                </a>
            </li>
            <li id="config_list_li">
                <a href="/configs">
                    <i class="now-ui-icons loader_gear"></i>
                    <p class="my-not-uppercase">配置中心</p>
                </a>
            </li>
        </ul>
    </div>
</div>


<div id="commons-nav-btns" class="container-fluid">
    <div class="navbar-wrapper">
        <div class="navbar-toggle">
            <button type="button" class="navbar-toggler">
                <span class="navbar-toggler-bar bar1"></span>
                <span class="navbar-toggler-bar bar2"></span>
                <span class="navbar-toggler-bar bar3"></span>
            </button>
        </div>
    </div>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#config-navigation"
            aria-controls="navigation-index" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-bar navbar-kebab"></span>
        <span class="navbar-toggler-bar navbar-kebab"></span>
        <span class="navbar-toggler-bar navbar-kebab"></span>
    </button>
</div>